<template>
	<view class="news" id="news">
		<view class="item">
			<view class="icon">
				<text class="iconfont icon-fuwu" style="font-size: 100rpx;"></text>
			</view>
			<view class="info">
				<view class="txt">
					服务助手
				</view>
				<view class="tag">
					官方
				</view>
			</view>
		</view>
		
		<view class="item">
			<view class="icon">
				<text class="iconfont icon-xiaoxi1" style="font-size: 100rpx;"></text>
			</view>
			<view class="info">
				<view class="txt">
					通知中心
				</view>
				<!-- <view class="tag">
					官方
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	#news {
		width: 100%;
		padding: 20rpx 30rpx;
		box-sizing: border-box;
		.item {
			width: 100%;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #f2f2f2;
			padding: 20rpx 0;
			.icon {
				width: 100rpx;
				height: 100rpx;
				overflow: hidden;
				background-color: #007AFF;
				border-radius: 30rpx;
				line-height: 100rpx;
				text-align: center;
				color: #fff;
			}
			.info {
				flex: 1;
				margin-left: 30rpx;
				display: flex;
				align-items: center;
				.tag {
					font-size: 20rpx;
					height: 30rpx;
					line-height: 30rpx;
					width: 80rpx;
					text-align: center;
					border: 1px solid #007AFF;
					border-radius: 30rpx;
					margin-left: 30rpx;
				}
			}
		}
	}
</style>
